body,html {
	margin: 0px;
	height: 100%;
}

#contentHolder {
	width: 100%;
	height: 100%;
	min-width: 1000px;
	min-height: 700px;
}

#gameTableHolder {
	height: 80%;
	width: 100%;
	display: table;
	background: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 800, from(#FFFFFF),
		color-stop(0.2, #FF0000), to(#000000) );
}

#gameTableVintage {
    left:0px;
    top:0px;
	position: absolute;
	height: 80%;
	width: 100%;
	background-image: url(resources/table_bg.jpg);
	background-repeat:repeat;
	opacity: 0.1;	
	z-index: 0;
}

#gameTableTd {
	height: 80%;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#gameTable {
	position: relative;
	width: 1024px;
	height: 600px;
	padding: 0px;
	margin: 0px auto;
	background-image: url('resources/pokertable.png');
	background-repeat: no-repeat;
    z-index: 1;
}

.player {
	position: absolute;
	height: 137px;
	width: 100px;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
	background-image: url('resources/playerBg.png');
	background-repeat: no-repeat;
}

.playerImage {
	width: 100px;
	height: 97px;
	position: relative;
}

.playerName {
	width: 100px;
	height: 20px;
	border: 1px;
	text-align: center;
	font-weight: bolder;
	color: #FFF;
	background-image: url('resources/moneyBg.png');
	background-repeat: no-repeat;
	position: relative;
	z-index: 4;
}

.playerMoney {
	width: 100px;
	height: 20px;
	border-width: 1px;
	border-color: blue;
	text-align: center;
	font-weight: bolder;
	color: #FFF;
	background-image: url('resources/moneyBg.png');
	background-repeat: no-repeat;
	position: relative;
	z-index: 3;
}

.playerInfo {
	font-weight: bold;
}

.dealer {
	position: absolute;
	width: 34px;
	height: 34px;
	background-repeat: no-repeat;
}

.playerCards {
	position: absolute;
	height: 57px;
	width: 100px;
}

.resizePlayerCards {
	height: 57px;
	width: 42px;
}

#card {
	position: absolute;
	height: 80px;
	width: 300px;
}

.resizeCards {
	float: left;
	height: 80px;
	width: 60px;
}

#flop {
	float: left;
	height: 100%;
	width: 60%;
}

#turn {
	float: left;
	height: 100%;
	width: 20%;
}

#river {
	float: left;
	height: 100%;
	width: 20%;
}

#bottomBar {
	height: 20%;
	width: 100%;
	background: -webkit-gradient(linear, left top, right top, from(#000),
		to(#AAA) );
}

#chat {
	float: left;
	width: 50%;
	height: 100%;
	text-align: center;
	border: 0px solid;
}

#chatArea {
	width: 95%;
	resize: none;
	margin-top: 2px;
	border: 1px solid gray;
}

#chatInsert {
	margin: 0px;
	padding: 0px;
}

#chatInput {
	width: 85%;
	height: 20%;
	border: 1px solid gray;
}

#chatSubmit {
	width: 10%;
	height: 20%;
	border: 1px solid gray;
}

#buttons {
	display: table;
	float: left;
	width: 35%;
	height: 100%;
	border: 0px solid;
}

#buttonsTd {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#leaveButton {
	float: right;
	width: 10%;
	height: 100%;
	display: table;
}

#leaveButtonTd {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#offline {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;
	opacity: 0.8;
	background-color: black;
	visibility: visible;
}

#joiningPanelContainer {
	position: absolute;
	width: 100%;
	height: 50%;
	top: 25%;
	z-index: 5;
	visibility: visible;
	display: table;
}

#joiningPanelTd {
	background-image: url(resources/background.gif);
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	visibility: visible;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

#joiningPanel {
	margin: auto;
	visibility: visible;
}

#pickAvatarContainer {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 6;
	visibility: hidden;
	display: table;
}

#pickAvatarTd {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#pickAvatar {
	display: table;
	margin: auto;
	width: 50%;
	height: 75%;
	border-radius: 15px;
	background-color: black;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

#avatarPositioning {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.avatarImageResize {
	width: 100px;
	height: 97px;
	border-radius: 15px;
	margin: 5px;
	border-style: solid;
	border-width: 10px;
	border-color: black;
}

.target {
    position:absolute;
    top:275px;
    left:495px;
}

.playerActive {
    -webkit-box-shadow: 0 0 5px 5px	#82CAFF;
}

.bet {
    position:absolute;
    width:60px;
    height:30px;
    font-size:24px;
    color:white;
}

.floptarget {
    position:absolute;
    top:250px;
    left:650px;
}

#potInfoHolder {
    position:absolute;
    top:0px;
    left:0px;
    height:125px;
    width:125px;
}
#potInfo {
	font: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
    position:absolute;
    top:28px;
    left:0px;
	vertical-align: middle;
    height:68px;
    width:125px;
}
#potInfoBg {
    position:absolute;
    top:0px;
    left:0px;
    height:125px;
    width:125px;
	background-image: url(resources/test3.png);
}

.playerWon {
    -webkit-box-shadow: 0 0 50px 25px	#FDD017;
}